<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>关于我们</title>
		<meta name="distribution" content="欢迎来到米修在线" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="keywords" content="前端学习,米修在线" />
		<link rel="stylesheet" type="text/css" href="css/style.css" />
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
		<link rel="stylesheet" media="screen and (max-width:768px)" href="css/mobile.css">
	</head>
	<body>
		<header>
			<nav id="navbar">
				<div class="container">
					<h1>
						<a href="index.html">米修在线</a>
					</h1>
					<ul>
						<li>
							<a href="index.html">首页</a>
						</li>
						<li>
							<a class="current" href="about.html">关于我们</a>
						</li>
						<li>
							<a href="contact.html">联系我们</a>
						</li>
					</ul>
				</div>
			</nav>
		</header>
		<section id="about-info" class="py bg-light">
			<div class="container">
				<div class="info-left">
					<h1 class="l-heading">
						关于我们
						<span class="text-primary">
							米修在线
						</span>
					</h1>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptas magnam enim quis inventore at
						aliquam ipsa. Ducimus maxime officia autem doloribus ipsa molestias rerum eveniet voluptatum
						eligendi unde odio sapiente.
					</p>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde odit in accusamus suscipit
						reiciendis tempora explicabo. Enim ea a illo?
					</p>
				</div>
				<div class="info-right">
					<img src="./img/about.jpg" alt="米修在线">
				</div>
			</div>
		</section>

		<section id="testimonials">
			<div class="container">
				<h2 class="l-heading">学员评价</h2>
				<div class="testimonial bg-primary">
					<img src="./img/testimonials/person4.jpg" alt="Jan">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa qui nisi corporis corrupti mollitia dignissimos atque quia dolores voluptates perspiciatis magnam quisquam ipsum nulla provident ex cupiditate pariatur eos inventore. Sint numquam pariatur consectetur excepturi.
					</p>
				</div>
				<div class="testimonial  bg-primary">
					<img src="./img/testimonials/person4.jpg" alt="lucy">
					<p>
						Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa qui nisi corporis corrupti mollitia dignissimos atque quia dolores voluptates perspiciatis magnam quisquam ipsum nulla provident ex cupiditate pariatur eos inventore. Sint numquam pariatur consectetur excepturi.
					</p>
				</div>
			</div>
		</section>
		<footer id="main-footer">
			<p>
				米修在线 &copy; 2021 All Rights Reserved
			</p>
		</footer>
	</body>
</html>
